<template>
	<div class="header">
		城市选择
		<router-link to="/">
		  <div class="iconfont header-back">&#xe624;</div>
		</router-link>
	</div>
</template>

<script>
	export default {
         name:'CityHeader'
	}
</script>

<style lang="stylus" scoped>
    @import '~styles/varibles.styl'
	.header
	  position: relative
	  overflow:hidden
	  height:$headerHeight
	  line-height:$headerHeight
	  text-align:center
	  color:#fff
	  background:$bgColor
	  font-size:.32rem
	  .header-back 
	     position: absolute
	     top:0
	     left:0
	     width:.64rem
	     text-align:center
	     font-size:.4rem
	     color: #fff
</style>